<template>  
  <div class="userTop">
    <div class="userTop_left">
      <image style="width:100px;height:100px;border-radius:50%;" src="src/assets/img/1.jpg"></image>
    </div>
    <div class="userTop_center">
      <text class="userTop_title" style="color:green;">hanmingzhe</text>
      <text class="userTop_time">有效期至：2018-12-30</text>
    </div>
    <button class="userInfo" >个人信息</button>
  </div>
</template>

<style>
.userTop{ 
  width:750px;
}
.userTop_left{
  float:left;width:100px;position:absolute;top:25px;left:25px;
}
.userTop_center{
  float:left;width:60%;position:absolute;top:25px;left:20%;
}
.userTop_title{
  height:50px;line-height:50px;
}
.userTop_time{
  height:50px;line-height:50px;
}
.userInfo{
  background: #DC7009;color: #fff;border-color: #DC7009;text-align:center;float:right;width:160px;height:60px;
  font-size:32px;position:absolute;top:25px;right:25px;border-radius:10px;margin-top:20px;
}
</style>